<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>SocialNet | User Home page</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link href="style.css" rel="stylesheet" type="text/css"/>
    <link href="hospitalForm.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript" src="js/cufon-yui.js"></script>
    <script type="text/javascript" src="js/arial.js"></script>
    <script type="text/javascript" src="js/cuf_run.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(document).ready(function () {

            $(".slidingDiv4").hide();
            $(".show_hide4").show();

            $(".slidingDiv5").hide();
            $(".show_hide5").show();

            $('.show_hide4').click(function () {
                $(".slidingDiv5").hide();
                $(".slidingDiv4").slideToggle();
            });
            $('.show_hide5').click(function () {
                $(".slidingDiv4").hide();
                $(".slidingDiv5").slideToggle();
            });

        });

    </script>

</head>
<body>
<div class="main">
    <div class="main_resize">
        <div class="header">
            <div class="logo">
                <h1><a href="#"><span>Social</span>Net
                    <small>Simple web template</small>
                </a></h1>
            </div>
            <div class="search">
                <form method="get" id="search" action="#">
          <span>
          <input type="text" name="s" id="s" placeholder="Search..."/>
          <input name="searchsubmit" type="image" src="images/search.gif" value="Go" id="searchsubmit" class="btn"/>
          </span>
                </form>
                <!--/searchform -->
                <div class="clr"></div>
            </div>

            <div class="clr"></div>

            <div class="menu_nav">
                <ul>
                    <li class="active"><a href="index.html">Log out</a></li>

                </ul>
                <div class="clr"></div>
            </div>
            <div class="hbg">
                <div id="user_stats">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Welcome [username will be displayed here]! &nbsp;&nbsp; Last
                    login: sample date
                    10-23-2012 12-Feb-2012

                </div>

                <div id="usr_registration">


                    &nbsp;&nbsp;<a href="#" class="show_hide4">Register Hospital</a>
                    <a href="#" class="show_hide5">Register Doctor</a>


                    <div class="slidingDiv4">

                        <div id="stylized" class="myform">
                            <form id="form" name="form" method="post" action="index.html">
                                <h1>Hospital Register form</h1>

                                <p>Please fill all the below fields regarding your hospital</p>

                                <label>Hospital Name
                                    <span class="small">Add your Hospital name</span>
                                </label>
                                <input type="text" name="name" id="hospital_name"/>

                                <label>Hospital Branch
                                    <span class="small">Hospital branch location</span>
                                </label>
                                <input type="text" name="name" id="hospital_branch"/>

                                <label>Address
                                    <span class="small">Hospital Address</span>
                                </label>
                                <input type="text" name="name" id="address"/>


                                <label>City
                                    <span class="small"></span>
                                </label>
                                <input type="text" name="name" id="city"/>

                                <label>Email
                                    <span class="small">Add a valid address</span>
                                </label>
                                <input type="text" name="email" id="email"/>

                                <label>Password
                                    <span class="small">Min. size 6 chars</span>
                                </label>
                                <input type="text" name="password" id="password"/>

                                <button type="submit">Register</button>
                                <div class="spacer"></div>
                            </form>
                        </div>




                        </div>
                    <div class="slidingDiv5">
                        Doctor form will be here



                    </div>
                    </div>


            </div>
            <div class="content">
                <div class="content_bg">
                    <div class="mainbar">

                    </div>
                    <div class="sidebar">
                        <div class="gadget">

                            <div class="clr"></div>

                        </div>
                        <div class="gadget">

                            <div class="clr"></div>

                        </div>
                        <div class="gadget">

                            <div class="clr"></div>

                        </div>
                    </div>
                    <div class="clr"></div>
                </div>
            </div>
        </div>
        <div class="fbg">
            <div class="fbg_resize">
                <div class="col c1">

                    <div class="col c2">

                    </div>
                    <div class="col c3">

                    </div>
                    <div class="clr"></div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer_resize">
                <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>

                <div class="clr"></div>
            </div>
        </div>
</body>
</html>